{// 继承模版}
<extend name="Base:base" />

{// 网页标题}
<block name="title">
    <title>首页</title>
</block>

{// 引用样式与JS等其他文件}
<block name="quote">
    <CSS href="__CSS__/index.css" />
</block>

{// 主体}
<block name="middle">
    <!--顶部图片-->
    <div class="container-fluid">
        <div class="row">
            <div class="col-xs-6 col-sm-4 col-md-2"><img src="__WORKS__/homeTop1.jpg" alt="works"></div>
            <div class="col-xs-6 col-sm-4 col-md-2"><img src="__WORKS__/homeTop2.jpg" alt="works"></div>
            <div class="col-xs-6 col-sm-4 col-md-2"><img src="__WORKS__/homeTop3.jpg" alt="works"></div>
            <div class="col-xs-6 col-sm-4 col-md-2"><img src="__WORKS__/homeTop4.jpg" alt="works"></div>
            <div class="col-xs-6 col-sm-4 col-md-2"><img src="__WORKS__/homeTop5.jpg" alt="works"></div>
            <div class="col-xs-6 col-sm-4 col-md-2"><img src="__WORKS__/homeTop6.jpg" alt="works"></div>
        </div>
    </div>

    <!--第二导航栏-->
    <nav class="navbar navbar-inverse">
        <div class="container-fluid">
        <!--小屏幕时,可以隐藏导航栏-->
            <ul class="nav navbar-nav">
                <li role="presentation" class="active"><a href="#">主页推荐</a></li>
                <li role="presentation"><a href="#">人气作品</a></li>
                <li role="presentation"><a href="#">最新收藏</a></li>
                <li role="presentation"><a href="#">最近赞</a></li>
                <li role="presentation"><a href="#">最新作品</a></li>
                <li role="presentation"><a href="#">潜力作品</a></li>
            </ul>
        </div>
    </nav>

    <!--所有作品-->
    <div class="container-fluid works">
        <div class="row">
            <div class="col-xs-12 col-sm-8 col-md-4"><img class="img-responsive" src="__WORKS__/long1.jpg" alt="works"></div>
            <for start="1" end="10">
                <div class="col-xs-6 col-sm-4 col-md-2" style="margin-bottom: 5px;"><img class="img-responsive" src="__WORKS__/home1.jpg" alt="works"></div>
                <div class="col-xs-6 col-sm-4 col-md-2" style="margin-bottom: 5px;"><img class="img-responsive" src="__WORKS__/home2.jpg" alt="works"></div>
            </for>
        </div>
    </div>

    <!--分页-->
    {// 引入模版}
    <include file="Common:pagination" />

    <!--其他内容-->
    <div class="container-fluid">
        <div class="row">
            <div class="col-xs-12 col-sm-8 col-md-4"><img class="img-responsive" src="__WORKS__/long1.jpg" alt="works"></div>
            <for start="1" end="10">
                <div class="col-xs-6 col-sm-4 col-md-2" style="margin-bottom: 5px;"><img class="img-responsive" src="__WORKS__/home1.jpg" alt="works"></div>
                <div class="col-xs-6 col-sm-4 col-md-2" style="margin-bottom: 5px;"><img class="img-responsive" src="__WORKS__/home2.jpg" alt="works"></div>
            </for>
        </div>
    </div>
</block>